{{define "Template"}}
	{{template "header.html" .}}

        <!-- Content
        ================================================== -->
        <section id="content">        	
            <div class="container">				
				<div id="mainContent">
					<div id="mainContent_inner">

						<div class="row">
							
					        <!-- left side content
					        ================================================== -->
							<div class="col-xs-8">
								<div class="page-header">
								  <h1>Example page header</h1>
								</div>
								
								<ul class="list-group">
									{{range .readmes}}
									<li class="list-group-item">
										<h3><a href="/info/{{.Name}}"><span class="glyphicon glyphicon-file"></span> {{.Name}}</a></h3>
										<div>{{.Description}}</div>
									</li>
									{{end}}
								</ul>
								
								<ul class="pager">
									{{ if gt .prevpage 0}}
									<li class="previous"><a href="/?p={{.prevpage}}">&larr; Older</a></li>
									{{ else }}
									<li class="previous disabled"><a>&larr; Older</a></li>
									{{ end }}
									
									{{if gt .nextpage 0}}
									<li class="next"><a href="/?p={{.nextpage}}">Newer &rarr;</a></li>
									{{else}}
									<li class="next disabled"><a>Newer &rarr;</a></li>
									{{end}}
								</ul>								
							</div>
							
					        <!-- Right side content
					        ================================================== -->
							<div class="col-xs-4">
								<aside>
									<div class="asideBox">
										<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
										<!-- domain 300x250 -->
										<ins class="adsbygoogle"
										     style="display:inline-block;width:300px;height:250px"
										     data-ad-client="ca-pub-6199598100770666"
										     data-ad-slot="7377207832"></ins>
										<script>
										(adsbygoogle = window.adsbygoogle || []).push({});
										</script>
									</div>
									<div class="asideBox">
										<h3 class="asideBoxTitle">Recent View</h3>
										<div class="asideBoxContent">
											<ul class="listStyle">
												{{range .recent}}
												<li><a href="/info/{{.Name}}"><span class="glyphicon glyphicon-share-alt"></span> &nbsp;{{.Name}}</a></li>
												{{end}}
											</ul>
										</div>
									</div>
								</aside>
							</div>
						</div>
                	</div>
				</div>
            </div>
        </section>
        
    {{template "footer.html" .}}    
{{end}}